// @flow
import React, { Component } from 'react';
import Map from '../modules/Map';
import Posture3D from '../modules/Posture3D';
import Video from '../modules/Video';
import DataView from "../modules/DataView";
import Setting from "../modules/Setting";
import {notification} from "antd";

type Props = {};

notification.config({
  placement: 'bottomRight',
  bottom: 50,
  duration: 3,
});

export default class Home extends Component<Props> {
  props: Props;

  render() {
    return (
      <div className="container" data-tid="container">
        <div className="wrapper">
          <div className="left">
            <div className="left-up">
              <DataView/>
            </div>
            <div className="left-down">
            </div>
          </div>
          <div className="right">
              <div className="map-wrapper">
                <Map/>
              </div>
              <div className="footer-wrapper">
                <div className="video">
                  <Video/>
                </div>
                <div className="modal">
                  <Posture3D/>
                </div>
              </div>
          </div>
          <Setting/>
        </div>
      </div>
    );
  }
}
